// 头部临时css
.layout-header{
  width: 100%;
  min-width: 1280px;
  background: #fff;
  .header-container{
    width: 100%;
    height: 82px;
    .header{
      width: 1280px;
      margin: 0 auto;
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      .logo{
        margin: 20px 0 0 10px;
      }
    }
  }
  .nav-container{
    width: 100%;
    min-width: 1280px;
    height: 48px;
    background: linear-gradient(#fdfcfc, #f7f7f7);
    border-bottom: 1px solid #d6d6d6;
    .nav{
      ul{
        text-align:center;
        li{
          display:inline-block;
          margin: 0 13px;
          border-left: 1px solid transparent;
          border-right: 1px solid transparent;
          border-top: 2px solid transparent;
          a{
            display: block;
            padding: 0 10px;
            height: 46px;
            line-height: 48px;
            font-size: 14px;
            color: #333;
          }
        }
        li.active{
          background: #fafafa;
          border-left-color: #f1f1f1;
          border-right-color: #f1f1f1;
          border-top-color: #4eb619;
        }
      }
    }
  }
}
.layout-topbar{
  flex-grow: 0;
  width: 100%;
  height: 35px;
  background: #232323;
  .topbar-container{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 1024px;
    margin: 0 auto;
    span{
      color: #999;
      line-height: 35px;
      margin: 0 8px;
      font-size: 12px;
    }
    a{
      color: #999;
      line-height: 35px;
      margin: 0 10px;
      font-size: 12px;
      display: inline-block;
      img{
        vertical-align: middle;
      }
    }
    a:hover{
      opacity: .9;
    }
    .hr-line{
      display: inline-block;
      height: 12px;
      width: 1px;
      background: #000;
      border-right: 1px solid #3a3a3a;
      vertical-align: middle
    }
    .user-head{
      display:inline-block;
      vertical-align: middle;
      margin-right: 10px;
    }
  }
}
.temp-header{
  display: block;
  height: 166px;
  flex-grow: 0;
}